<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){
	
	
	$('h1')
	
	.animate(
	{
		top: "43%"
	},
	1500, 'easeOutBounce')
	
	.hover( 
		function() {	
			$(this).animate(
			{
				opacity: '1'
			}, 500 );
		},
		function() {
			$(this).animate(
			{
				opacity: '0.5'
			}, 500 );
		}
	);
	
	$('.ball')
	.show(3000, 'easeOutBounce')
	
	
	.hover( 
		function() {	
			$(this).stop().animate(
			{
				opacity: '0.7'
			}, 500 );
		},
		function() {
			$(this).stop().animate(
			{
				opacity: '0.5'
			}, 500 );
		}
	)
	
	.click( function() {
		
			$('.go-away').stop().animate(
			{
				width: '50%',
				left: '30%',
			}, 500).animate(
			{
				top: '-100px'
			}, 1500, '', function() {
				$('.try-again').slideDown('slow');
			});
		
		$(this).empty().append("<span>I said</span> DON'T");
		
		
	});
	
	
	
});

</script>

<link rel="stylesheet" href="css/style.css" />


</head>

<body>


<div class="ball">DON'T<br>
<p>click me</p></div>


<h1 class="go-away">Ovo izgleda <strong>predobro</strong></h1>

<h1 class="try-again"> <a href="index.html">Reload?</a> </h1>

</body>
</html>
